Connected Events Design Element allows you to add a clickable link that leads to a single event page. By default, the event page will be displayed in Classic View because the Events list itself is a classic app.

This article will demonstrate how you can display the event page in Modern View instead of the default classic view.

TABLE OF CONTENTS

Follow the steps below to learn how to display the Event page in Modern View:

Watch the video below to learn how to insert a Design Element in Grid Mode.

Go to the Connect tab (1) and choose the connection type (2) you prefer. 

For this guide, we will be using the Current Site connection type.

Select the name of your list from the List/ Library drop-down.

Select the View you prefer. 

Click Connect. 

On the Items tab, map the items you want to display. 

For this guide, we wanted to display the title, start date, and end date. 

Copy the line of code below:

{siteUrl}/_layouts/15/Event.aspx?ListGuid='{calendarListId}'&ItemId=#ID

Then, scroll down until you see the Link field and paste the code.

Replace {siteUrl} with your site’s URL.

Replace {calendarListId} with your calendar ListID.

Once satisfied, click Insert.

Click Save. 

That’s it! You will now be able to see the individual Events page in Modern View. 

Related articles:

Did you find it helpful? Yes No